<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>产品</title>
    <link rel="stylesheet" href="dist/css/index.css">
</head>
<body>
      <div class="nav">
        <!--顶部nav-->
        <div class="nav-con">
            <div class="nav-content">
                 <p>全国热线400-0000-0000</p>
                 <div class="nav-text">
                     <a href="#">设为首页</a>
                     <a href="#">加入收藏</a>
                 </div>
            </div>     
        </div>
        <!--logo nav-->
        <div class="header">
            <div class="header-img">
                <img src="img/logo.png" alt="">
            </div>
            <div class="header-nav">
                <ul>
                    <li>
                        <a href="pddetail.html" class="active">
                            <span>首页</span>
                            <span>home</span>
                        </a>
                    </li>
                    <li>
                         <a href="#">
                            <span>关于我们</span>
                            <span>About</span>
                        </a>
                    </li>
                    <li>
                         <a href="#">
                            <span>产品中心</span>
                            <span>Products</span>
                        </a>
                    </li>
                    <li>
                         <a href="#" >
                            <span>服务支持</span>
                            <span>Service</span>
                        </a>
                    </li>
                     <li>
                         <a href="#">
                            <span>新闻中心</span>
                            <span>News</span>
                        </a>
                    </li>
                     <li>
                        <a href="#">
                            <span>在线商店</span>
                            <span>Shop</span>
                        </a>
                    </li>
                     <li>
                        <a href="#">
                            <span>联系我们</span>
                            <span>Contact us</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--轮播图-->
        <img src="img/photo.png" alt="" class="photo">
    <!--首页>新品发布-->
    <div class="detail">
        <h3>首页>新品发布</h3>
        <div class="ad">
            <div class="ad1">百万高清系列</div>
            <div class="ad2">标清系列</div>
            <div class="ad3">户外防水系列</div>
            <div class="ad4">室内系列</div>
        </div>
        <form class="input">
            <input type="text" placeholder="搜索产品">
            <input type="submit" value="搜索">
        </form>
        <div class="list">
            <ul>
                <li>
                    <img src="img/list.png" alt="">
                    <h2>S6202Y AE</h2>
                    <p>100万无线高清 64G TF卡 语音对讲 智能链接手机</p>
                </li> 
                 <li>
                    <img src="img/list.png" alt="">
                    <h2>S6202Y AE</h2>
                    <p>100万无线高清 64G TF卡 语音对讲 智能链接手机</p>
                </li> 
                 <li>
                    <img src="img/list.png" alt="">
                    <h2>S6202Y AE</h2>
                    <p>100万无线高清 64G TF卡 语音对讲 智能链接手机</p>
                </li> 
                 <li>
                    <img src="img/list.png" alt="">
                    <h2>S6202Y AE</h2>
                    <p>100万无线高清 64G TF卡 语音对讲 智能链接手机</p>
                </li> 
                 <li>
                    <img src="img/list.png" alt="">
                    <h2>S6202Y AE</h2>
                    <p>100万无线高清 64G TF卡 语音对讲 智能链接手机</p>
                </li> 
                  <li>
                    <img src="img/list.png" alt="">
                    <h2>S6202Y AE</h2>
                    <p>100万无线高清 64G TF卡 语音对讲 智能链接手机</p>
                </li> 
                  <li>
                    <img src="img/list.png" alt="">
                    <h2>S6202Y AE</h2>
                    <p>100万无线高清 64G TF卡 语音对讲 智能链接手机</p>
                </li> 
                  <li>
                    <img src="img/list.png" alt="">
                    <h2>S6202Y AE</h2>
                    <p>100万无线高清 64G TF卡 语音对讲 智能链接手机</p>
                </li> 
                  <li>
                    <img src="img/list.png" alt="">
                    <h2>S6202Y AE</h2>
                    <p>100万无线高清 64G TF卡 语音对讲 智能链接手机</p>
                </li> 
            </ul>
        </div>
    </div>
     <!--页尾-->
    <div class="footer">
        <div class="footer-con">
             <p>关注我们</p>
            <ul>
                <li><a href="#">公司网站</a></li>
                <li><a href="#">新闻动态</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">团队风采</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">在线留言</a></li>
            </ul>
        </div>  
    </div>
</body>
</html>